<form action="" method="post">

<input
  type="text"
  required
  placeholder="My name is..."
  name="user_name"/>
<hr>

<input
  type="email"
  required
  placeholder="My email is..."
  name="email"/>
<hr>

<input
  type="password"
  required
  placeholder="My password is..."
  name="password"/>
<hr>

<input
  type="radio"
  required
  name="gender"/> Male
<input
  type="radio"
  required
  name="gender"/> Female
<hr>

<input
  type="date"
  required
  placeholder="22/09/2013"
  name="dob"/>
<hr>

<input
  type="month"
  required
  placeholder="sep/2013"
  name="month"/>
<hr>

<input
  type="number"
  required
  step="3"
  placeholder="Fav. number.."
  name="number"/>
<hr>

<input
  type="color"
  required
  placeholder="Fav. color.."
  name="color"/>
<hr>

<input
  type="file"
  required
  placeholder="Upload file"
  name="avatar"/>
<hr>

<input
  type="hidden"
  value="vikas"
  name="client_name"/>Hidden Field
<hr>

<select name="country">
  <option value="">--Select--</option>
  <option value="in">India</option>
  <option value="pk">Pakistan</option>
  <option value="np">Nepal</option>
  <option value="bh">Bhutan</option>
  <option value="bn">Bangladesh</option>
  <option value="sl">Srilanka</option>
  <option value="ch">China</option>
</select>
<hr>

<select multiple size="4" name="lang">
  <option value="hi">Hindi</option>
  <option value="en">English</option>
  <option value="pu">Punjabi</option>
  <option value="ur">Urdu</option>
  <option value="gj">Gujrati</option>
  <option value="tm">Tamil</option>
  <option value="tl">Telgu</option>
</select>
<hr>
<textarea
  name="address"
  cols="10"
  rows="5"
  placeholder="My address is"
  id="addressId" ></textarea>
<hr>
<input type="checkbox" name="agree" />I accept the terms and conditions
<hr>

  <input type="submit" value="I am done!!" />

  <input type="button" value="I am button!!" />
</form>








<!----
<p contenteditable="true">THis is some text text</p> -->
